<!DOCTYPE html>
<html lang="en" >
<head>
	<title>SignUp</title>
	<link rel="stylesheet" href="css/bootstrap.css" />	
	<script type="text/javascript" src="js/angular.min.js"></script>
	<script type="text/javascript" src="js/app.js"></script>
	<script src="jquery-1.11.2.min.js"></script>
	<style>
	.form-control .ng-dirty{
	border-color: red;
}
</style>
</head>

<body ng-app ="registrationForm" ng-controller="regFormController" ng-submit= "RegForm.$valid && AddUser()">
<div >
	<form novalidate name="RegForm" class="regForm" style="width:35%">
	<label style="margin-top:30px; margin-left:50px;">User Name</label>
		<br/> <input style="margin-left:50px;" type="text" class="form-control" name="Username" placeholder="Username" ng-model="Username"  ng-maxlength=10 required/>
	
	<label style="margin-top:10px; margin-left:50px;">Password</label>	
		<br/> <input style="margin-left:50px;" type="password" class="form-control" id="Password" name="Password" placeholder="Password" ng-model="Password"  ng-maxlength=8 required />
	<label style="margin-top:10px; margin-left:50px;">Nickname</label>
		  	<input style="margin-left:50px;" type="text" class="form-control" id="Nickname" name="Nickname" placeholder="Nickname" ng-model="Nickname"  ng-maxlength=20 required/>
	<label style="margin-left:50px;">Photo URL</label>
	
	{{5+5}}
		  <input style="margin-left:50px;" type="text" class="form-control" id="Photo" name="Photo" placeholder="Photo URL" ng-model="Photo"/>
	<label style="margin-top:10px; margin-left:50px;" for="Description">Description</label>
		 <textarea style="margin-left:50px;" class="form-control" rows="3" id="Description" name="Description" placeholder="Description" ng-model="Description"  > </textarea>	  
	<button style="margin-top:10px; margin-left:50px;" type="submit"  class="btn btn-success" >Sign up</button>
	<button  style="margin-top:10px; margin-left:50px;" ng-click="reset()"  class="btn btn-success" >Reset</button>
	</form>
</div>
	



</body>
</html>